<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>each(callback)</title>
<meta name="keywords" content="jQuery 1.2 API Reference,Visual jQuery 1.2,jQuery doc,jQuery API,jQuery,jQuery 1.2 API 参考文档中文版,中文版" />
<meta name="description" content="jQuery 1.2 API 文档中文版，提供最新版 jQuery 开发帮助。" />
<link rel="stylesheet" type="text/css" href="../../style/jqueryapi.css" />
<script type="text/javascript" src="../../style/lib/jquery126.js"></script>
 </script>
<script type="text/javascript" src="../../style/jqueryapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div id="topnav">
		<a href="http://www.jQuery.com/" title="jQuery官网" target="_blank" class="topnav">jQuery官网</a>
	<span class="topnav">|</span>
	<a href="http://jquery.org.cn/" title="jQuery中文网站" target="_blank" class="topnav">jQuery中文网站</a>
	<span class="topnav">|</span>
	<a href="http://www.cn-cuckoo.com/" title="1.1版译者" target="_blank" class="topnav">为之漫笔</a>
	<span class="topnav">|</span>
	<a href="http://shawphy.com/" title="1.2版翻译整理者" target="_blank" class="topnav">Shawphy</a>
    <span class="topnav">|</span>
	<a href="http://www.51toria.cn" title="CHM文档制作者:一揪" target="_blank" class="topnav">CHM文档制作者</a> 
	<span class="topnav">|</span>
	<a href="http://dl.getdropbox.com/u/81097/jQueryAPI_CHM.CHM" title="" target="_blank" class="topnav">CHM最新版本下载</a> 
</div>
<hr style="color:#595959;" />

			<div class="content">
				<h1>each(callback)</h1>
				<div class="desc"><div>以每一个匹配的元素作为上下文来执行一个函数。</div> <div class="longdesc">意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。<p>而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。 </p>返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。</div><hr />
				<div>Execute a function within the context of every matched element.</div> <div class="longdesc">This means that every time the passed-in function is executed (which is once for every element matched) the 'this' keyword points to the specific DOM element. <p>Additionally, the function, when executed, is passed a single argument representing the position of the element in the matched set (integer, zero-index). </p>Returning 'false' from within the each function completely stops the loop through all of the elements (this is like using a 'break' with a normal loop). Returning 'true' from within the loop skips to the next iteration (this is like using a 'continue' with a normal loop).</div></div>
				<h2>返回值</h2>
				<p class="indent">jQuery</p>
				<h2>参数</h2>
				<p class="indent"><strong>callback </strong>(Function) : 对于每个匹配的元素所要执行的函数</p>
				<h2>示例</h2>
				<p class="indent">
					迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
				</p>
				<p class="indent"><strong>HTML 代码:</strong></p>
				<div class="code">
					&lt;img/&gt;&lt;img/&gt; 
				</div>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("img").each(function(i){<br/>
&nbsp;&nbsp; this.src = "test" + i + ".jpg";<br/>
&nbsp;});
				</div>
				<p class="indent"><strong>结果:</strong></p>
				<div class="code">
					[ &lt;img src="test0.jpg" /&gt;, &lt;img src="test1.jpg" /&gt; ] 
				</div>
				<hr />
				<p class="indent">
					如果你想得到 jQuery对象，可以使用 $(this) 函数。 
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("img").each(function(){<br/>
&nbsp; $(this).toggleClass("example");<br/>
});
				</div>
				<hr />
				<p class="indent">
					你可以使用 'return' 来提前跳出 each() 循环。
				</p>
				<p class="indent"><strong>HTML 代码:</strong></p>
				<div class="code">
<pre>
&lt;button>Change colors&lt;/button>
&lt;span&gt;&lt;/span&gt; 
&lt;div&gt;&lt;/div&gt; 
&lt;div&gt;&lt;/div&gt;

&lt;div>&lt;/div&gt; 
&lt;div>&lt;/div&gt;
&lt;div id="stop"&gt;Stop here&lt;/div&gt; 
&lt;div&gt;&lt;/div&gt;

&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
</pre>                </div>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code"><pre>
$("button").click(function () { 
	$("div").each(function (index, domEle) { 
	  // domEle == this 
	  $(domEle).css("backgroundColor", "yellow");  
	  if ($(this).is("#stop")) { 
		  $("span").text("Stopped at div index #" + index); 
		  return false; 
	  } 
	});
});</pre>
				</div>
			</div>


</body>
</html>
